﻿
Ext.define('MyApp.view.BasicGridPanel', {
    extend: 'Ext.grid.Panel',
    width: 300,
    height: 200,
    title: 'Tareas',

    initComponent: function () {
        var me = this;
        me.createModel();
        me.columns = me.buildColumns();
        me.store = me.buildStore();

        this.callParent(arguments);
    },

    createModel: function () {
        Ext.define('Tareas', {
            extend: 'Ext.data.Model',
            fields: [
            { name: 'idtask', type: 'int' },
            { name: 'descripcion' },
            { name: 'estado', type: 'boolean' },
            { name: 'fecha', type: 'date', dateFormat: 'Y-m-d h:i:s' }
            ]
        });
    },

    buildStore: function () {
        Ext.create('Ext.data.Store', {
            model: 'Tareas',
            data: [
    {
        idtask: 1,
        descripcion: 'Primera tarea',
        estado: true,
        fecha: '2013-04-26 08:20:35'
    },
    {
        idtask: 2,
        descripcion: 'Segunda tarea',
        estado: true,
        fecha: '2013-04-26 08:28:40'
    }
   ]
        });
    },

    buildColumns: function () {
        return [
            { xtype: 'checkcolumn', width: 30, dataIndex: 'checked' },
            { width: 100, dataIndex: 'descripcion' }
    ];
    }
    
    
});

